这位魔性大叔做了比 PPAP 更魔性的动画，古典音乐瞬间科幻了！
职场
学术
新媒体
设计
极客
当代人用 PPAP 洗脑，那么古代人呢？其实历史上不乏洗脑向的古典音乐，尤其是你们熟悉的卡农（Kanon）和规格更高的赋格（Fugue）。
所以洗脑的音乐也未必就俗，正如擅长赋格的巴赫——每一个学琴的孩子，看到他的名字就要闻风丧胆；听得懂巴赫，就是乐理和智商顶尖的代名词。而现在，有这么一位帅帅的大叔 Alexander Chen ▼
他是 Google 创新实验室的创意总监，专注于用交互界面结合洗脑向旋律，做一堆魔性动画。比如昨天，我们推荐的巴赫第一号无伴奏大提琴组曲▼
https://v.qq.com/txp/iframe/player.html?vid=n13092349jr&width=500&height=375&auto=0
他将音高、音频的数学原理转化为数据处理，利用几何化的交互界面演奏出了<J.S. Bach - Cello Suite No. 1 - Prelude>，如果你打开原型网页，还会发现里面飞翔的拨片是具有交互性的。
体验地址——http://www.baroque.me/，电脑打开才好玩噢！
这个网页其实就是我们俗称的 H5 页面，具体是通过 HTML5 Canvas, Javascript, SoundManager 实现的。这么有弹性，感觉可以玩一天。
观赏这个作品时，建议佩戴耳机；如果条件允许，你还可以佩戴红蓝 3D 眼镜——好了，预祝你精神分裂。
https://v.qq.com/txp/iframe/player.html?vid=o1309rycre7&width=500&height=375&auto=0
两位钢琴家循环演奏 12 个相同的音符，一位速度渐缓，一蓝一红两根线条，分别代表两位钢琴家从左右声道中传出。随着时间的推移，音乐和线条都变成了有规律的不规则状态，带给我们视觉与听觉的双重享（zhé）受（mó）。这个网页也有交互性，长按网页可以使琴声归位。
体验地址——http://www.pianophase.com/，简直有毒的 H5 页面啊啊！
Beach Boys，60 年代的美国迷幻摇滚乐队。而这份作品则是将<You still belive in me>提取出了纯人声，随后进行可视化处理。
https://v.qq.com/txp/iframe/player.html?vid=t1309v7b9wk&width=500&height=375&auto=0
作者将圆周与音调联系起来，圆的大小随着音调的变化而变化。与不断变化的圆形相结合后，声音变得更有灵性。这一类音乐可视化还是比较多见的，尤其电子音乐中如 NCS 厂牌的曲子 MV，基本都采用了球星音频可视化。
受制于微信文章里视频的数量上限，这里只能展示大叔的三个作品，在他的推特上你还能看到更多有趣的交互页面——https://twitter.com/alexanderchen
看完这三段用 HTML5 语言制作的可视化音乐动画之后，你是不是也想亲手做一些有趣的 H5 作品呢？也欢迎扫码报名 12 月份我们在广州开设的 H5 杀手训练营▼
回复巨人下载自由之翼钢琴谱
回复配乐学习设计中配乐方法
回复维也纳听新年音乐会录制
| JZ往期商业伙伴 |
APEC 峰会 | 浙江省人民广播电台 | 湖北省电视台 | 盖茨基金会
河南卫视 | 交通银行 | 建设银行 | 平安银行 | 民生银行 | 真格基金
南方周末 | 上海闵行教育学院 | 上海创智云课堂 | 新东方集团
伟巴斯特 | 雪佛兰汽车 | 观致汽车 | 吉利汽车 | TNS新华信
高力国际｜第一太平戴维斯｜德国莱茵｜邦联戏团｜追星集团
H5／平面／视频／多媒体服务与定制
（021）3721 8818